<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/common.css" rel="stylesheet" tyle="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="fonts/iconfont.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.1.8.2.js" type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="js/common_js.js" type="text/javascript"></script>
<script src="js/footer.js" type="text/javascript"></script>
<script src="js/jquery.jumpto.js" type="text/javascript"></script>
<title>FXSHOP商城首页</title>
</head>

<body>
<script type="text/javascript" charset="UTF-8">
 function infonav_more_down(index) {
  var inHeight = ($("div[class='p_f_name infonav_hidden']").eq(index).find('p').length)*30;//先设置了P的高度，然后计算所有P的高度
  if(inHeight > 60){
   $("div[class='p_f_name infonav_hidden']").eq(index).animate({height:inHeight});
   $(".infonav_more").eq(index).replaceWith('<p class="infonav_more"><a class="more"  onclick="infonav_more_up('+index+');return false;" href="javascript:">收起<em class="pulldown"></em></a></p>');
  }else{
   return false;
  }
 }
 function infonav_more_up(index)
 {
  var infonav_height = 85;
  $("div[class='p_f_name infonav_hidden']").eq(index).animate({height:infonav_height});
  $(".infonav_more").eq(index).replaceWith('<p class="infonav_more"> <a class="more" onclick="infonav_more_down('+index+');return false;" href="javascript:">更多<em class="pullup"></em></a></p>');
 }
   
 function onclick(event) {
  info_more_down();
 return false;
 }
 $(function () {
     $(".hd_allsort_out_box_new").show();
 });
</script>
<body>

<!--引入首部-->
<div th:replace="fxshop/common/nav"></div>
<div class="Slide_style" >
<!--幻灯片样式1-->
<div class="Menu_style clearfix" id="Slide" >
  	<div id="xiao_slideBox" class="xiao_slideBox">
			<div class="hd">
				<ul class="smallUl"></ul>
			</div>
			<div class="bd">
				<ul>
					<li th:each="ylb:${ylbs}">
                        <a th:href="${ylb.url}" target="_blank">
                            <img th:src="${ylb.img}" style="background-position:center; width:100%; height:645px;" />
                        </a>
                    </li>
				</ul>
			</div>
			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>

		</div>
		<script type="text/javascript">
		jQuery(".xiao_slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:9000});
		</script>
</div>
<!--幻灯片样式-->
   	<div id="slideBox" class="slideBox">
			<div class="hd">
				<ul class="smallUl"></ul>
			</div>
			<div class="bd">
				<ul>
					<!--<li><a href="#" target="_blank"><div style="background:url(images/ADimg_14.jpg) no-repeat; background-position:center; width:100%; height:645px; background-size:100% 100%"></div></a></li>-->
					<!--<li><a href="#" target="_blank"><div style="background:url(images/AD-02.jpg) no-repeat; background-position:center; width:100%; height:645px;background-size:100% 100%"></div></a></li>-->
					<!--<li><a href="#" target="_blank"><div style="background:url(images/AD-03.jpg) no-repeat; background-position:center; width:100%; height:645px;background-size:100% 100%"></div></a></li>-->
                    <li th:each="lb:${lbimg}">
                        <a th:href="${lb.url}" target="_blank">
                            <img th:src="${lb.img}" style="width:100%; height:645px; background-size:100% 100%">
                        </a>
                    </li>

                </ul>
			</div>
			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"><em class="left_arrow"></em></a>
			<a class="next" href="javascript:void(0)"><em class="right_arrow"></em></a>

		</div>
		<script type="text/javascript">
		jQuery(".slideBox").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,delayTime:500,interTime:5000});
		</script>
 </div>
<div class="index_style clearfix" id="service_list">
  <div class="service_style">
    <ul class="service_list">
     <li class="xianduan"><a href="#"><em class="iconfont icon-plane"></em><h2>机票</h2></a></li>
     <li><a href="#"><em class="iconfont icon-train"></em><h2>火车票</h2></a></li>
     <li><a href="#"><em class="iconfont icon-friendfill"></em><h2>便民服务</h2></a></li>
     <li><a href="#"><em class="iconfont icon-jianzhutubiao"></em><h2>同城</h2></a></li>
     <li><a href="#"><em class="iconfont icon-jiudian"></em><h2>酒店</h2></a></li>
     <li><a href="#"><em class="iconfont icon-chongzhi"></em><h2>充值</h2></a></li>
     <li><a href="#"><em class="iconfont icon-car"></em><h2>交通违章</h2></a></li>
     <li><a href="#"><em class="iconfont icon-xiangzi"></em><h2>成人用品</h2></a></li>
    </ul>
  </div>
</div>
<div class="index_style clearfix">
 <!--推荐图层样式-->
  <div class="recommend">
   <div class="recommend_bg"></div>
   <div class="list">
     <div class="picScroll">
        <div class="hd">
        <a class="prev" href="javascript:void(0)">&gt;</a>
		<a class="next" href="javascript:void(0)">&lt;</a>
        </div>
        <div class="bd">
          <ul>
           <li class="recommend_info">
            <a href="#" class="img_link"><img src="Products/x-1.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">有货潮牌Life After Life/男MA-1飞行夹克</a>
             <h2><i>￥</i>124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
             <li class="recommend_info">
            <a href="#" class="img_link"><img src="Products/x-2.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">烟花烫女装气质修身显瘦连衣裙套装</a>
             <h2><i>￥</i>124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
             <li class="recommend_info">
            <a href="#" class="img_link"><img src="Products/x-3.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">SK-II 肌底晶透护肤礼盒（神仙水 补水保湿 精华液 乳液 套装）</a>
             <h2><i>￥</i>124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
             <li class="recommend_info">
            <a href="#" class="img_link"><img src="Products/x-4.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
             <h2><i>￥</i>1124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
            <li class="recommend_info ">
            <a href="#" class="img_link"><img src="Products/x-5.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
             <h2><i>￥</i>1124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
             <li class="recommend_info ">
            <a href="#" class="img_link"><img src="Products/x-6.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
             <h2><i>￥</i>1124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
            <li class="recommend_info ">
            <a href="#" class="img_link"><img src="Products/x-7.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
             <h2><i>￥</i>1124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
             <li class="recommend_info">
            <a href="#" class="img_link"><img src="Products/x-8.jpg"  width="130px" height="130px"/></a>
            <div class="content">
             <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
             <h2><i>￥</i>1124.00</h2>          
            </div>
             <a href="#" class="buy_btn"> 立即购买</a>
           </li>
          </ul>
        </div>			
     </div>
     <script>jQuery(".picScroll").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:4});</script>
   </div>
  </div>
  <!--品牌列表样式-->
  <div class="Brand clearfix">
   <div class="title_name"><span>品牌库</span><span class="English">BRANDS LIBRARIES</span></div>
   <div class="img_title">
     <div class="img_title_name">
      <h1>大品牌，大智慧</h1>
      <h2>优质品牌，精选品牌</h2>
     </div>  
     </div>
    <div class="Brand_style">
     <div class="hd">
      <ul>
       <li>女装品牌</li>
       <li>男装品牌</li>
       <li>外国品牌</li>
       <li>国内品牌</li>
      </ul>
     </div>
     <div class="bd">
      <ul>
       <li>
       <a href="#"><img src="Brand/p-1.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-2.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-3.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-4.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-5.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-6.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-7.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-8.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-9.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-10.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-11.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-12.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-13.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-14.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-15.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-16.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-17.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-18.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-19.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-20.jpg" width="125" height="38"/></a>
        <a href="#"><img src="Brand/p-11.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-12.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-13.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-14.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-15.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-16.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-17.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-18.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-19.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-20.jpg" width="125" height="38"/></a>
       </li>
      </ul>
      <ul>
       <a href="#"><img src="Brand/p-1.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-2.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-3.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-4.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-5.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-6.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-7.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-8.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-9.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-10.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-11.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-12.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-13.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-14.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-15.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-16.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-17.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-18.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-19.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-20.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-11.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-12.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-13.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-14.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-15.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-16.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-17.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-18.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-19.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-20.jpg" width="125" height="38"/></a>    
      </ul>
      <ul>
        <a href="#"><img src="Brand/p-15.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-16.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-17.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-18.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-19.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-20.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-11.jpg"  width="125" height="38"/></a>
      </ul>
      <ul>
        <a href="#"><img src="Brand/p-15.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-16.jpg"  width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-17.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-18.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-19.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-20.jpg" width="125" height="38"/></a>
       <a href="#"><img src="Brand/p-11.jpg"  width="125" height="38"/></a>
      </ul>
     </div>
    </div>
    <script>jQuery(".Brand_style").slide({trigger:"click"});</script>
  </div>
  <!--产品版块样式图层-->
  <div class="Product_area clearfix">
   <div class="area_title"><div class="name"><span class="floors">1F</span>男装女装</div></div>
   <div class="list_style clearfix">
    <div class="Left_side">
     <ul>
      <li><a href="#"><img src="Products/AD-1.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-2.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-3.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-4.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
     </ul>
    </div>
    <div class="middle">
     <!--广告-->
      <div class="hd">
         <a class="prev" href="javascript:void(0)">&gt;</a>
		<a class="next" href="javascript:void(0)">&lt;</a>
      </div>
      <div class="bd">
      <ul>
       <li><a href="#"><img src="Products/AD-5.jpg" /></a></li>
        <li><a href="#"><img src="Products/AD-6.jpg" /></a></li>
      </ul>
      </div>    
    </div>
    <script type="text/javascript">
		jQuery(".middle").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:7000});
		</script>
     <div class="Left_side">
     <ul>
       <li><a href="#"><img src="Products/AD-1.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-2.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-3.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-4.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
     </ul>
    </div>
    <div class="advertising">
     <a href="#"><img src="Products/AD-7.jpg"  width="219" height="150"/></a>
     <a href="#"><img src="Products/AD-8.jpg" width="219" height="150"/></a>
     <a href="#" class="da_AD"><img src="Products/AD-9.jpg" width="318" height="150"/></a>
     <a href="#"><img src="Products/AD-10.jpg" width="219" height="150"/></a>
     <a href="#"><img src="Products/AD-7.jpg" width="219" height="150"/></a>
    </div>
    <!--品牌-->
    <div class="Brand_Gallery">
     <a href="#"><img src="Brand/p-1.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-4.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-6.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-11.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-14.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-17.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-19.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-13.jpg"  width="120" height="32"/></a>
    </div>
   </div>
  </div>
    <!--产品版块样式图层-->
  <div class="Product_area clearfix">
   <div class="area_title"><div class="name"><span class="floors">2F</span>个人美妆</div></div>
   <div class="list_style clearfix">
    <div class="Left_side">
     <ul>
      <li><a href="#"><img src="Products/AD-1.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-2.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-3.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-4.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
     </ul>
    </div>
    <div class="middle">
     <!--广告-->
      <div class="hd">
         <a class="prev" href="javascript:void(0)">&gt;</a>
		<a class="next" href="javascript:void(0)">&lt;</a>
      </div>
      <div class="bd">
      <ul>
       <li><a href="#"><img src="Products/AD-5.jpg" /></a></li>
        <li><a href="#"><img src="Products/AD-6.jpg" /></a></li>
      </ul>
      </div>    
    </div>
    <script type="text/javascript">
		jQuery(".middle").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:7000});
		</script>
     <div class="Left_side">
     <ul>
       <li><a href="#"><img src="Products/AD-15.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-16.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-17.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-18.jpg" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
     </ul>
    </div>
    <div class="advertising">
     <a href="#"><img src="Products/AD-11.jpg"  width="219" height="150"/></a>
     <a href="#"><img src="Products/AD-12.jpg" width="219" height="150"/></a>
     <a href="#" class="da_AD"><img src="Products/AD-14.jpg" width="318" height="150"/></a>
     <a href="#"><img src="Products/AD-13.jpg" width="219" height="150"/></a>
     <a href="#"><img src="Products/AD-19.jpg" width="219" height="150"/></a>
    </div>
    <!--品牌-->
    <div class="Brand_Gallery">
     <a href="#"><img src="Brand/p-1.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-4.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-6.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-11.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-14.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-17.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-19.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-13.jpg"  width="120" height="32"/></a>
    </div>
   </div>
  </div>
    <!--产品版块样式图层-->
  <div class="Product_area clearfix">
   <div class="area_title"><div class="name"><span class="floors">3F</span>美食保健</div></div>
   <div class="list_style clearfix">
    <div class="Left_side">
     <ul>
      <li><a href="#"><img src="Products/S-AD-5.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/S-AD-6.jpg" width="200" height="220" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-3.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-4.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
     </ul>
    </div>
    <div class="middle">
     <!--广告-->
      <div class="hd">
         <a class="prev" href="javascript:void(0)">&gt;</a>
		<a class="next" href="javascript:void(0)">&lt;</a>
      </div>
      <div class="bd">
      <ul>
       <li><a href="#"><img src="Products/AD-5.jpg" /></a></li>
        <li><a href="#"><img src="Products/AD-6.jpg" /></a></li>
      </ul>
      </div>    
    </div>
    <script type="text/javascript">
		jQuery(".middle").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:7000});
		</script>
     <div class="Left_side">
     <ul>
       <li><a href="#"><img src="Products/S-AD-1.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
      <li><a href="#"><img src="Products/S-AD-2.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
      <li><a href="#"><img src="Products/S-AD-3.jpg" width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
      <li><a href="#"><img src="Products/S-AD-4.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
     </ul>
    </div>
    <div class="advertising">
     <a href="#"><img src="Products/S-AD-X-1.jpg"  width="219" height="150"/></a>
     <a href="#"><img src="Products/S-AD-X-2.jpg" width="219" height="150"/></a>
     <a href="#" class="da_AD"><img src="Products/AD-14.jpg" width="318" height="150"/></a>
     <a href="#"><img src="Products/S-AD-X-3.jpg" width="219" height="150"/></a>
     <a href="#"><img src="Products/AD-19.jpg" width="219" height="150"/></a>
    </div>
    <!--品牌-->
    <div class="Brand_Gallery">
     <a href="#"><img src="Brand/p-1.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-4.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-6.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-11.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-14.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-17.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-19.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-13.jpg"  width="120" height="32"/></a>
    </div>
   </div>
  </div>
     <!--产品版块样式图层-->
  <div class="Product_area clearfix">
   <div class="area_title"><div class="name"><span class="floors">4F</span>鞋子箱包</div></div>
   <div class="list_style clearfix">
    <div class="Left_side">
     <ul>
      <li><a href="#"><img src="Products/X-AD-5.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/X-AD-6.jpg" width="200" height="220" /><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/X-AD-7.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
      <li><a href="#"><img src="Products/AD-4.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png" /></div></a></li>
     </ul>
    </div>
    <div class="middle">
     <!--广告-->
      <div class="hd">
         <a class="prev" href="javascript:void(0)">&gt;</a>
		<a class="next" href="javascript:void(0)">&lt;</a>
      </div>
      <div class="bd">
      <ul>
       <li><a href="#"><img src="Products/AD-5.jpg" /></a></li>
        <li><a href="#"><img src="Products/AD-6.jpg" /></a></li>
      </ul>
      </div>    
    </div>
    <script type="text/javascript">
		jQuery(".middle").slide({titCell:".hd ul",mainCell:".bd ul",autoPlay:true,autoPage:true,interTime:7000});
		</script>
     <div class="Left_side">
     <ul>
       <li><a href="#"><img src="Products/X-AD-1.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
      <li><a href="#"><img src="Products/X-AD-2.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
      <li><a href="#"><img src="Products/X-AD-3.jpg" width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
      <li><a href="#"><img src="Products/S-AD-4.jpg"  width="200" height="220"/><div class="Layers"><img src="images/bg_img.png"  width="220" height="220"/></div></a></li>
     </ul>
    </div>
    <div class="advertising">
     <a href="#"><img src="Products/S-AD-X-1.jpg"  width="219" height="150"/></a>
     <a href="#"><img src="Products/S-AD-X-2.jpg" width="219" height="150"/></a>
     <a href="#" class="da_AD"><img src="Products/AD-14.jpg" width="318" height="150"/></a>
     <a href="#"><img src="Products/S-AD-X-3.jpg" width="219" height="150"/></a>
     <a href="#"><img src="Products/X-AD-1.jpg" width="219" height="150"/></a>
    </div>
    <!--品牌-->
    <div class="Brand_Gallery">
     <a href="#"><img src="Brand/p-1.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-4.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-6.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-11.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-14.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-17.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-19.jpg"  width="120" height="32"/></a>
     <a href="#"><img src="Brand/p-13.jpg"  width="120" height="32"/></a>
    </div>
   </div>
  </div>
  <!--热销-->
<div id="showcase" class="advanced">
	<div id="guessyou" class="m"><div class="mt"><h2>猜你喜欢</h2><a href="javascript:" class="extra">更多</a></div>
    <div class="mc"><div class="spacer"><i></i></div>
    <ul id="lists">        
    <li class="fore1">           
     <div class="p-img">
     <a data-clk="" href="" target="_blank"><img data-lazy-img="done" width="130" height="130" title="夏普（SHARP）LCD-50V3A 50英寸安卓智能液晶电视（黑色）" src="Products/product_img.jpg" class=""></a>
     </div>                
     <div class="p-info">               
      <div class="p-name">
      <a data-clk="" href="" target="_blank" title="夏普（SHARP）LCD-50V3A 50英寸安卓智能液晶电视（黑色）">夏普（SHARP）LCD-50V3A 50英寸安卓智能液晶电视（黑色）</a></div>
      <div class="p-price" data-lazyload-fn="done"><span class="left"><i>¥</i>48.00</span><span class="Original_Price">45.9</span></div>            
      </div> 
      <div class="Detailed" style="display: none;">
	   <div class="content">
		  <p class="center"><a href="#" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>       
      </li>        
      <li class="fore2">           
       <div class="p-img"><a data-clk="" href="h" target="_blank">
       <img data-lazy-img="done" width="130" height="130" title="海信（Hisense）LED55EC520UA 55英寸 VIDAA3 14核 炫彩4K智能电视(黑色)" src="Products/product_img1.jpg" class=""></a></div>              
         <div class="p-info">              
           <div class="p-name">
           <a data-clk="" href="" target="_blank" title="海信（Hisense）LED55EC520UA 55英寸 VIDAA3 14核 炫彩4K智能电视(黑色)">海信（Hisense）LED55EC520UA 55英寸 VIDAA3 14核 炫彩4K智能电视(黑色)</a></div>
           <div class="p-price"><span class="left"><i>¥</i>48.00</span><span class="Original_Price">45.9</span></div>            
       </div> 
        <div class="Detailed" style="display: none;">
	   <div class="content">
		  <p class="center"><a href="#" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>       
        </li>        
        <li class="fore3">            
        <div class="p-img">
        <a data-clk="" href="" target="_blank">
        <img data-lazy-img="done" width="130" height="130" title="联想 扬天W4090V 台式税控专用电脑（G3260双核 4G1T DVD WIN7) 标配主机(无显示器)" src="Products/product_img2.jpg" class=""></a></div>             
        <div class="p-info">               
         <div class="p-name">
         <a href="" target="_blank" title="联想 扬天W4090V 台式税控专用电脑（G3260双核 4G1T DVD WIN7) 标配主机(无显示器)">联想 扬天W4090V 台式税控专用电脑（G3260双核 4G1T DVD WIN7) 标配主机(无显示器)</a></div>
           <div class="p-price"><span class="left"><i>¥</i>48.00</span><span class="Original_Price">45.9</span></div>       
             </div> 
              <div class="Detailed">
	   <div class="content">
		  <p class="center"><a href="#" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>     
           </li>        
           <li class="fore4">         
            <div class="p-img">
             <a href="" target="_blank">
             <img data-lazy-img="done" width="130" height="130" title="联想（Lenovo） 扬天R4905d 台式电脑 （G1820 4G 500G） 商用电脑 20英寸普通LED屏" src="Products/product_img3.jpg" class=""></a></div>
             <div class="p-info">             
              <div class="p-name">
              <a href="" target="_blank" title="联想（Lenovo） 扬天R4905d 台式电脑 （G1820 4G 500G） 商用电脑 20英寸普通LED屏">联想（Lenovo） 扬天R4905d 台式电脑 （G1820 4G 500G） 商用电脑 20英寸普通LED屏</a></div>
                 <div class="p-price"><span class="left"><i>¥</i>48.00</span><span class="Original_Price">45.9</span></div>          
          </div>  
           <div class="Detailed">
	   <div class="content">
		  <p class="center"><a href="#" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>    
           </li>       
            <li class="fore5">       
            <div class="p-img">
            <a data-clk="" href="" target="_blank"><img data-lazy-img="done" width="130" height="130" title="金正（NINTAUS）韩式 电火锅 多用锅 家用 5L" src="Products/product_img4.jpg" class=""></a></div>
                 <div class="p-info">                
                  <div class="p-name">
                  <a href="" target="_blank" title="金正（NINTAUS）韩式 电火锅 多用锅 家用 5L">金正（NINTAUS）韩式 电火锅 多用锅 家用 5L</a>
                  </div>
                  <div class="p-price"><span class="left"><i>¥</i>48.00</span><span class="Original_Price">45.9</span></div>          
          </div>   
           <div class="Detailed">
	   <div class="content">
		  <p class="center"><a href="#" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>  
           </li>       
         <li class="fore6">           
          <div class="p-img">
          <a data-clk="" href="" target="_blank">
          <img data-lazy-img="done" width="130" height="130" title="洗颜专科 柔澈泡沫 洁面乳 120g（资生堂授权）" src="Products/product_img5.jpg" class=""></a>  
          </div>          
         <div class="p-info">                
        <div class="p-name">
        <a data-clk="" href="#" target="_blank" title="洗颜专科 柔澈泡沫 洁面乳 120g（资生堂授权）">洗颜专科 柔澈泡沫 洁面乳 120g（资生堂授权）</a></div>
        <div class="p-price"><span class="left"><i>¥</i>48.00</span><span class="Original_Price">45.9</span></div>     
         </div>
          <div class="Detailed">
	   <div class="content">
		  <p class="center"><a href="#" class="Buy_btn">立即购买</a></p>
		  </div>
	   </div>        
        </li>
       </ul>
      </div>
     </div>
     </div>
</div>
<!--引入底部-->
<div th:replace="fxshop/common/footer"></div>
</body>
</body>
</html>